<template>
  <div class="notification-card p-12px bg-fog-9 ">
    <div class="card-header">
      <div class="time text-10px">2023/12/2 15:22:15</div>
      <div class="title text-13px mt-10px text-text-3">
        🏀Its Weekly Sports Bonus Time!⚽️
      </div>
    </div>
    <div class="card-img mt-10px">
      <img
        class="w-[100%] rounded-4px"
        src="https://bc.imgix.net/notice/de2cf5317f.png"
        alt=""
      />
    </div>
    <div class="card-desc">
      <div class="desc"></div>
    </div>
    <div class="card-link text-text-1 text-12px flex items-center">
      <p>Weekly Sports Bonus? What is this? How can I take part?</p>
      <svg class="h-13px w-13px fill-text-1">
        <use
          xlink:href="@/assets/symbol-defs.ef6a79c4.svg#icon_NewWindow"
        ></use>
      </svg>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style></style>
